<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@  taglib  uri="http://java.sun.com/jsp/jstl/core"   prefix="c"%>
<html>
<head>
<title>天天果园-水果网购首选品牌，水果，我们只挑有来头的！</title>
<link rel="stylesheet" type="text/css" href="css/sel.css" />
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<script src="js/sel.js"></script>
<script type="text/javascript"  src="/fruits/js/jquery.js"></script>
<jsp:include page="head/head.jsp"></jsp:include>
</head>
<body style="position: relative;">
	<div class="fruit_info">
		<div class="fruit_hot">
			<div class="hf_title">
				<span class="ht_l">热卖商品</span><span class="ht_r">
				<a href="/fruits/fruit/LoadIndexServlet?page=sel&pageNum=${hotinfo.pageNum+1}">MORE+</a></span>
			</div>
			<c:forEach  items="${hotinfo.list}"  var="fruit" begin="1" end="3">
				<div class="hot_fruit">
					<div class="hf_img">
						<a href="/fruits/fruit/SearchFruitByFidServlet?fid=${fruit.fid}">
						<img src="img/fruits/${fruit.fid}/(1).jpg" /></a>
					</div>
					<div c="hf_text">
						<div class="hf_name">
							<a href="/fruits/fruit/SearchFruitByFidServlet?fid=${fruit.fid}">${fruit.fname }</a>
						</div>
						<div class="hf_mon">
							￥<span>${fruit.fprice}</span>
						</div>
					</div>
				</div>
		    </c:forEach>
		</div>


		<div class="sel">
			<div class="selfruits">
				<ul class="selfruits_ul">
					<li class="selfruits_li">品类：
					
					 <a href="/fruits/fruit/SearchByCategoryServlet?cid=" class="selkey"  name="abc">不限</a> 
					
					 <c:forEach  items="${categorys}"  var="category">
					 	 &nbsp;&nbsp;&nbsp;
					 	 <a href="/fruits/fruit/SearchByCategoryServlet?cid=${category.cid}"  name="abc">${category.cname}</a> 
					 </c:forEach>	
						
					</li>
					<%--<li class="selfruits_li">--%>
					<%--产地：--%>
					<%--<a href="/SELServlet?selkey=all" class="selkey sgreen">不限</a>--%>
					<%--<a href="" class="selkey">进口</a>--%>
					<%--<a href="" class="selkey">国产</a>--%>
					<%--</li>--%>
					<li class="selfruits_li">价格： <a
						href="/fruits/fruit/SearchByCategoryServlet?cid=" class="selkey"  name="abc">不限</a>
						<a name="abc" href="/fruits/fruit/SearchFruitsByPriceServlet?min=0&max=100" class="selkey">100以下</a>
						<a name="abc" href="/fruits/fruit/SearchFruitsByPriceServlet?min=100&max=300" class="selkey">100~300</a>
						<a name="abc" href="/fruits/fruit/SearchFruitsByPriceServlet?min=300&max=50000" class="selkey">300以上</a>
					</li>
					<%--<li class="selfruits_li" id="sort">--%>
					<%--排序：--%>
					<%--<a href="/SELServlet?selkey=all" class="selkey sgreen">默认</a>--%>
					<%--<a href="" class="selkey">价格由小到大</a>--%>
					<%--<a href="" class="selkey">价格由大到小</a>--%>
					<%--</li>--%>
				</ul>

			</div>
			

			<div class="fruitboxs">
				<c:forEach  items="${searchfruits}"   var="fruit">
					<div class="fruit_box">
						<div class="fruit_img">
							<a href="/fruits/fruit/SearchFruitByFidServlet?fid=${fruit.fid}">
								<img src="img/fruits/${fruit.fid}/(1).jpg" /></a>
						</div>
						<div class="fruit_name">
							<a href="fruit_info.jsp">${fruit.fname}</a>
						</div>
						<div class="fruit_spec">${fruit.fnorm}</div>
						<div class="fruit_up">￥${fruit.fprice}</div>
						<div class="flogo">
							<img src="img/flogo.png" />
						</div>
					</div>
				</c:forEach>
				

			</div>
		</div>
		<script type="text/javascript">
			$("[name='abc']").hover(
			/* 鼠标悬停到我的这个标签上，要做什么 */
			function() {
				$(this).addClass("sgreen");
			}
			, 
			/* 鼠标移出标签，要做什么 */
			function() {
				$(this).removeClass("sgreen");
			});
		
		</script>
</body>
	
</html>
